   *{
     margin: 0px;
     padding: 0px;
     box-sizing:border-box;
   }
    body{
    	 width: 100%;
    	 height: auto;
    	 font-size: 14px;
       color: #fff;

    }
    a{
    	text-decoration: none;
      color: #fff;
    }
    .turnpicture{
        width: 100%;
        min-height:400px;
    }
    .turnimgs{
        width: 100%;
        min-height: 400px;    
    }
    .turnpicture .flex-control-nav{
        position: absolute;
        top:90%;
        z-index：100;
        left: 50px;
    }
    .info{
       width:550px;
        height:200px;
        position: absolute;
        left:50px;
        top:350px;
        z-index: 10;
    }
    .clearfix{
       clear:both;
    }
    .article{
        width: 100%;
        height:470px;
        position: relative;
        z-index: -15px;
    }
    .article_heade{
        width: 100%;
        height:140px;
    }
    .article_header ul{
       width: 100%;
       height: 100%;
       color: #F7B731;
    }
    .article_header li h2{
       transition-duration:0.5s;
       transition-property:all;
       transition-timing-function:ease-out;
       -webkit-transition-duration:0.5s;
       -webkit-transition-property:all;
       -webkit-transition-timing-function:ease-out;
       -moz-transition-duration:0.5s;
       -moz-transition-property:all;
       -moz-transition-timing-function:ease-out;
       -o-transition-duration:0.5s;
       -o-transition-property:all;
       -o-transition-timing-function:ease-out;
       -ms-transition-duration:0.5s;
       -ms-transition-property:all;
       -ms-transition-timing-function:ease-out;
    }
    .first-li{
        background: #00e0f2;
        width: 25%;
        height: 100%;
        float: left;
        position: relative;
        text-align: center;
        line-height: 140px;
        cursor: pointer;

    }
    .second-li{
        background: #02CDDD;
        width: 25%;
        height: 100%;
        float: left;
        position: relative;
        text-align: center;
        line-height: 140px;
        cursor: pointer;
    }
    .third-li{
        background: #05B7C5;
        width: 25%;
        height: 100%;
        float: left;
        position: relative;
        text-align: center;
        line-height: 140px;
        cursor: pointer;
    }
    .forth-li{
        background: #05A6B3;
        width: 25%;
        height: 100%;
        float: left;
        position: relative;
        text-align: center;
        line-height: 140px;
        cursor: pointer;
    }
    .more{
        display: block;
        height: 27px;
        width:100px;
        border: 1.5px solid #fff;
        text-align: center;
        line-height: 25px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        bottom: 10px;
        transform:translateZ(2px);
    }
    .more:before{
       content: "";
       position: absolute;
       left: 0px;
       right: 0px;
       top:0px;
       bottom: 0px;
       z-index: -5;
       background:none repeat scroll 0 0 #0bc2d1;
       transition-duration:0.3s;
       transition-timing-function:ease-in;
       transition-property:transform;
       transform:scaleX(0);
    }
    .more:hover:before{
      transform:scaleX(1);
    }
    .article_body{
        width: 100%;
        height: 330px;
        font-size: 14px;
        position: relative;
    }
    .body_left{
       width: 50%;
       height: 100%;
       float: left;
       padding: 50px 0px 50px 5%;   
    }
    .body_right{
       width: 50%;
       height: 100%;
       float: left;
       padding: 50px 0 50px 5%;   
    }
    table{
      width: 100%;
      height: auto;   
      table-layout: fixed;
    }
    .td1{
      width:7%;
      height: 30px;
      text-overflow:ellipsis;
      white-space:nowrap;
      overflow: hidden;
    }
    .td2{
      width:60%;
      height: 30px;
      text-overflow:ellipsis;
      white-space:nowrap;
      overflow: hidden;
    }
    .td3{
      width:25%;
      height: 30px;
      text-align: center;
      text-overflow:ellipsis;
      white-space:nowrap;
      overflow: hidden;
    }
    .article_body a,.article_body span{
      color: #aaa;
      font-size: 13px;
  }
    .article_body a:hover{
        color: #7CAA0F;
        border-bottom: 1px dashed #7CAA0F;
    }
    .pre5info{
       color: #7CAA0F!important;
    }
    .hidden{
       display:none;
    }
   .createCenter{
      width: 1005;
      height: 350px;
      background: rgba(34, 34, 34, 0.09);
      padding-top: 5%;
      padding-bottom:5%;
      padding-left: 10%;
      padding-right: 10%;

    }
    .createCenter_left{
       width: 33.3%;
       height: 100%;
       float: left;
       text-align: center;
    }
     .createCenter_center{
       width: 33.3%;
       height: 100%;
       float: left;
       text-align: center;
    }
     .createCenter_right{
       width: 33.3%;
       height: 100%;
       float: left;
       text-align: center;
    }
    .imgicon{
       border: 4px solid #05A6B3;
       border-radius: 90px;
       height:125px;
       width: 125px;
       cursor: pointer;
    }
    .createCenter h2{
       margin-top: 20px;
        color: #ef6286;
        font-size:18px;
        font-family: "Play-Regular";
        line-height:18px;
        text-align: center;
        text-transform: uppercase;
    }
     .createCenter p{
        margin-top:15px;
        color: rgb(179, 177, 178);
        font-size: 15px;
        font-family: "Play-Regular";
        line-height: 16px;
        text-align: center;
        text-transform: uppercase;
     }
     .createCenter_content{
          width: 100%;
          height: auto;
          padding-top: 50px;
          margin-bottom:50px;
          background: #F6FBFE;
          display: none;
     }
     .createCenter_content .main{
         width:50%;
         height: 400px;
         margin-left: 17%;
         background: url(../images/innovation.jpg);
         background-size: 100% 100%;
         background-repeat: no-repeat;
         box-shadow: 50px 100px 75px #ccc;
         transform: rotate(30deg);
         transform-origin:0% 0%;
         transition-duration:0.5s;
         transition-timing-function:ease-in;
         transition-property:transform;
     }
     .main .content_left{
         position: relative;
         top:140px;
         left: 30px;
         width: 230px;
         height: 220px;
         font-size: 12px;
     }
     .content_left table{
        height: auto;
        width: 100%;
     }
     .content_left td{
        height: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
        color: #222;
     }
    /* .content_left td:hover{
        overflow: visible;
     }*/
     .one-td,.content_left td a{
         width: 72%;
         color: #222;
         font-size:10px!important;
     }
     .content_left td a:hover{
        color: green;
        border-bottom: 1px dashed green;
     }
     .two-td{
         width: 25%;
         font-size: 12px;
     }
     .main .content_center{
        height:50px;
        width: 350px;
        position: absolute;
        right: 30px;
        top:75px;
     }
     .content_center img{
         width: 30%;
         height: 50px;
         margin-left: 2%;
     }
     .main .content_right{
        height:175px;
        width: 350px;
        position: absolute;
        right: 30px;
        bottom: 20px;
     }
     .content_right ul{
        width: 100%;
        height: 175px;
     }
     .content_right img{
        margin-top: 15px;
        height: 150px;
        width: 19%;
        float: left;
        margin-right: 1%;
     }
      
     .createCenter_luntan{
        min-height:500px;
        width: 100%;
        margin-bottom: 25px;
     }
     .luntan_main{
        width: 85%;
        height: 100%;
        margin: 0 auto;
        padding-top: 50px;
        position: relative;
     }
     .luntan_main>h2,.luntan_main>h1{
         font-size: 25px;
         color: #ef6286;
     }
     .luntan_main ul{
         list-style-type: none;
         margin-top:50px;
         position: relative;
     }
     .luntan_main li{
        height: 70px;
        width: 100%;
        border-top: 1.5px solid #ddd;
        line-height:85px;
        color: #666;
     }
    .span_one{      
        display: inline-block;
        width: 70%;
        height: 100%;
    }
    .span_two{      
        display: inline-block;
        width: 30%;
        height: 100%;
        font-size: 17px;
        text-align: center;       
    }
    .luntan_main a{
      color: #666;
    }
    .luntan_more{
        display: block;
        height: 30px;
        width:120px;
        color: #05a6b3;
        border: 2px solid #05a6b3;
        text-align: center;
        line-height: 25px;
        font-size: 16px;
        font-weight: bold;
        position: absolute;
        right:10%;
        top:75px;
        transform:translateZ(2px);
        cursor: pointer;
        
    }
    .luntan_more:before{
       content: "";
       position: absolute;
       left: 0px;
       right: 0px;
       top:0px;
       bottom: 0px;
       z-index: -5;
       background:none repeat scroll 0 0 #0bc2d1;
       transition-duration:0.3s;
       transition-timing-function:ease-in;
       transition-property:transform;
       transform:scaleX(0);
    }
    .luntan_more:hover:before{
      transform:scaleX(1);
    }
    .hiddenpage{
        height: 700px;
        width: 100%;
        background: #222;
        opacity:0.5;
        z-index: 100;
        position: fixed;
        left: 0;
        top:0;
        display: none;
    }
    .infodiv{
       width:400px;
       height: 275px;
       margin: 125px auto;
       background: #fff;
       padding: 20px 15px 0 15px;
    }
    .infodiv h2{
       color: #000;
       margin-bottom: 15px;
       text-align: center;
    }
    .infodiv p{
      margin-top: 10px;
      margin-left: 10px;
      text-indent: 2em;
      color: #222;
      line-height: 20px;
      font-size: 16px;
      margin-bottom: 20px;
    }

    .infodiv span{
        display: inline-block;
        height: 25px;
        width: 60px;
        font-size: 16px;
        text-align: center;
        line-height: 25px;
        background: #222;
        cursor: pointer;
        position: relative;
        left: 50%;
        margin-left: -30px;
    }
    .infodiv span:hover{
        background: #000;
    }
